{% extends 'base_dashboard.html' %}

{% block title %}{{ action }} {{ verbose_name }} — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb small">
    <li class="breadcrumb-item"><a href="{% url 'dashboard:data_home' %}">Data Manager</a></li>
    <li class="breadcrumb-item"><a href="{% url 'dashboard:data_list' app_label model_name %}">{{ verbose_name_plural }}</a></li>
    <li class="breadcrumb-item active">{{ action }}</li>
  </ol>
</nav>

<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
  <h3 class="fw-bold mb-0">{{ action }} {{ verbose_name }}</h3>
  {% if is_edit and can_delete %}
  <form method="post" action="{% url 'dashboard:data_delete' app_label model_name object.pk %}" onsubmit="return confirm('Delete this record? This cannot be undone.');">
    {% csrf_token %}
    <button type="submit" class="btn btn-outline-danger"><i class="bi bi-trash me-1"></i>Delete</button>
  </form>
  {% endif %}
</div>

<div class="card border-0 shadow-sm">
  <div class="card-body p-4">
    <form method="post" enctype="multipart/form-data" novalidate>
      {% csrf_token %}
      {% if form.non_field_errors %}
        <div class="alert alert-danger">{{ form.non_field_errors }}</div>
      {% endif %}

      <div class="row g-3">
        {% for field in form %}
        {% if field.field.widget.input_type == 'checkbox' %}
        <div class="col-12">
          <div class="form-check form-switch">
            {{ field }}
            <label class="form-check-label fw-semibold" for="{{ field.id_for_label }}">{{ field.label }}</label>
          </div>
          {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
          {% if field.errors %}<div class="text-danger small">{{ field.errors.0 }}</div>{% endif %}
        </div>
        {% else %}
        <div class="col-md-6">
          <label class="form-label fw-semibold" for="{{ field.id_for_label }}">
            {{ field.label }}{% if field.field.required %} <span class="text-danger">*</span>{% endif %}
          </label>
          {{ field }}
          {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
          {% if field.errors %}<div class="text-danger small">{{ field.errors.0 }}</div>{% endif %}
        </div>
        {% endif %}
        {% endfor %}
      </div>

      <div class="d-flex gap-2 mt-4">
        <a href="{% url 'dashboard:data_list' app_label model_name %}" class="btn btn-outline-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-check2-circle me-1"></i>Save</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}